<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>LED Cube Mold</title>
    <style>
        * {margin:0; padding:0}
        table.side, table.side td {border:1px solid #ccc; border-collapse: collapse}
        h3 {clear:both;}
        table.side {float:left; margin-right:10px;}
        .result {border:1px solid #ccc;padding:10px;clear:both; margin:5px;overflow:hidden}
        .result-cell {float:left;margin-right:10px; border:1px solid #ccc;}
        .result-cell li {list-style: none; padding:2px 5px; font-size:12px;}
        .container {padding: 10px; text-align: center; border:1px solid #ccc;margin:5px;overflow:hidden; float:left;}
        .node {width: 12px; height: 12px; cursor: pointer; background-color:#fff;}
        .node-on {background-color:#66f}
    </style>
    <script type="text/javascript" charset="utf-8" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<h3>Front View</h3>
<div class="container" id="front-container"></div>
<h3>Right View</h3>
<div class="container" id="left-container"></div>
<h3>Top View</h3>
<div class="container" id="top-container"></div>
<div id="debug-panel" style="position: fixed;right:10px;top:0;width:200px;height:200px;border:1px solid #ccc"></div>
<div id="result" class="result"></div>
<script type="text/javascript" charset="utf-8" src="../../lib/led-cube-mold.js"></script>
<script>
    $(function () {
        Mold.init ({order:8});
    });
</script>
</body>
</html>